﻿<UserControl x:Class="AgilePlannerDT.Display.CustomWidgets.HelpDialog"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Height="Auto" Width="Auto">
    <Border BorderBrush="DarkGray" BorderThickness="2" Name="border" Style="{DynamicResource GradientBlackToGrayBorder}" CornerRadius="15" Padding="15">
        <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>
                <Border CornerRadius="15" Background="White">
                    <Grid Grid.Row="0" Name="grid">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="50"/>
                            <ColumnDefinition Width="1*" MinWidth="50"/>
                            <ColumnDefinition Width="1*" MinWidth="50"/>
                            <ColumnDefinition Width="1*" MinWidth="50"/>
                            <ColumnDefinition Width="1*" MinWidth="50"/>
                            <ColumnDefinition Width="50" />
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto" MinHeight="50"/>
                            <RowDefinition Height="Auto" MinHeight="50"/>
                            <RowDefinition Height="Auto" MinHeight="50"/>
                            <RowDefinition Height="Auto" MinHeight="50"/>
                            <RowDefinition Height="Auto" MinHeight="50"/>
                            <RowDefinition Height="Auto" MinHeight="50"/>
                            <RowDefinition Height="Auto" MinHeight="50"/>
                            <RowDefinition Height="Auto" MinHeight="50"/>
                            <RowDefinition Height="Auto" MinHeight="50"/>
                            <RowDefinition Height="Auto" MinHeight="50"/>
                            <RowDefinition Height="Auto" MinHeight="50"/>
                            <RowDefinition Height="Auto" MinHeight="50"/>
                            <RowDefinition Height="Auto" MinHeight="50"/>
                            <RowDefinition Height="Auto" MinHeight="50"/>
                            <RowDefinition Height="Auto" MinHeight="50"/>
                            <RowDefinition Height="Auto" MinHeight="50"/>
                            <RowDefinition Height="Auto" MinHeight="50"/>
                            <RowDefinition Height="Auto" MinHeight="50"/>
                            <RowDefinition Height="Auto" MinHeight="50"/>
                        </Grid.RowDefinitions>
                        <Border CornerRadius="10" Margin="10" Background="AliceBlue" Padding="5" Grid.ColumnSpan="6">
                            <TextBlock Name="title" TextAlignment="Center" Text="Help" Grid.Column="0" Grid.Row="0" FontSize="20" FontWeight="Bold" />
                        </Border>

                        <Border Grid.Row="2" CornerRadius="10" Margin="10" Background="AliceBlue" Padding="5" Grid.ColumnSpan="6">
                            <TextBlock Name="createGesturesHelp" TextAlignment="Center" Text="Create Story Card" FontSize="20" FontWeight="Bold" />
                        </Border>
                        <Image Grid.Row="4" Grid.Column="1" Name="chevronUpImg" Source="/Resources/Images/gestures/chevronUp.png" Stretch="None" Margin="10" />
                        <Image Grid.Row="4" Grid.Column="2" Name="chevronDownImg" Source="/Resources/Images/gestures/chevronDown.png" Stretch="None" Margin="10" />
                        <Image Grid.Row="4" Grid.Column="3" Name="chevronRightImg" Source="/Resources/Images/gestures/chevronRight.png" Stretch="None" Margin="10" />
                        <Image Grid.Row="4" Grid.Column="4" Name="chevronLeftImg" Source="/Resources/Images/gestures/chevronLeft.png" Stretch="None" Margin="10" />

                        <Border Grid.Row="5" CornerRadius="10" Margin="10" Background="AliceBlue" Padding="5" Grid.ColumnSpan="6">
                            <TextBlock Name="deleteGesturesHelp" TextAlignment="Center" Text="Delete Story Card or Iteration" FontWeight="Bold" FontSize="20" />
                        </Border>
                        <Image Grid.Row="7" Grid.Column="1" Name="leftRightImg" Source="/Resources/Images/gestures/leftRight.png" Stretch="None" Margin="10" />
                        <Image Grid.Row="7" Grid.Column="2" Name="rightLeftImg" Source="/Resources/Images/gestures/rightLeft.png" Stretch="None" Margin="10" />
                        <Image Grid.Row="7" Grid.Column="3" Name="upDownImg" Source="/Resources/Images/gestures/upDown.png" Stretch="None" Margin="10" />
                        <Image Grid.Row="7" Grid.Column="4" Name="downUpImg" Source="/Resources/Images/gestures/downUp.png" Stretch="None" Margin="10" />

                        <Border Grid.Row="8" CornerRadius="10" Margin="10" Background="AliceBlue" Padding="5" Grid.ColumnSpan="6">
                            <TextBlock Name="iterationHelp" TextAlignment="Center" Text="Create Iteration" FontSize="20" FontWeight="Bold" />
                        </Border>
                        <Image Grid.Row="10" Grid.Column="1" Name="squareImg" Source="/Resources/Images/gestures/square.png" Stretch="None" Margin="10" />

                        <Border Grid.Row="11" CornerRadius="10" Margin="10" Background="AliceBlue" Padding="5" Grid.ColumnSpan="6">
                            <TextBlock Name="undoHelp" TextAlignment="Center" Text="Undo" FontSize="20" FontWeight="Bold" />
                        </Border>
                        <Image Grid.Row="13" Grid.Column="1" Name="upLeftImg" Source="/Resources/Images/gestures/upLeft.png" Stretch="None" Margin="10" />
                        <Image Grid.Row="13" Grid.Column="2" Name="leftDownImg" Source="/Resources/Images/gestures/leftDown.png" Stretch="None" Margin="10" />
                        <Image Grid.Row="13" Grid.Column="3" Name="rightUpImg" Source="/Resources/Images/gestures/rightUp.png" Stretch="None" Margin="10" />
                        <Image Grid.Row="13" Grid.Column="4" Name="downRightImg" Source="/Resources/Images/gestures/downRight.png" Stretch="None" Margin="10" />

                        <Border Grid.Row="14" CornerRadius="10" Margin="10" Background="AliceBlue" Padding="5" Grid.ColumnSpan="6">
                            <TextBlock Name="redoHelp" TextAlignment="Center" Text="Redo" FontSize="20" FontWeight="Bold" />
                        </Border>
                        <Image Grid.Row="16" Grid.Column="1" Name="downLeftImg" Source="/Resources/Images/gestures/downLeft.png" Stretch="None" Margin="10" />
                        <Image Grid.Row="16" Grid.Column="2" Name="leftUpImg" Source="/Resources/Images/gestures/leftUp.png" Stretch="None" Margin="10" />
                        <Image Grid.Row="16" Grid.Column="3" Name="rightDownImg" Source="/Resources/Images/gestures/rightDown.png" Stretch="None" Margin="10" />
                        <Image Grid.Row="16" Grid.Column="4" Name="upRightImg" Source="/Resources/Images/gestures/upRight.png" Stretch="None" Margin="10" />


                        <Border Grid.Row="17" CornerRadius="10" Margin="10" Background="AliceBlue" Padding="5" Grid.ColumnSpan="6">
                            <TextBlock Grid.Row="17" Name="speechHelp" TextAlignment="Center" Grid.ColumnSpan="6" Text="Speech" IsHitTestVisible="False" FontWeight="Bold" FontSize="20" />
                        </Border>
                        <TextBlock Grid.Row="18" Grid.Column="1" Margin="10" Padding="5" >
                            <Run>Commands</Run>
                        </TextBlock>
                        <TextBlock Grid.Row="18" Grid.Column="2" Margin="10" Padding="5" >
                            <Run>Create storycard</Run>
                            <LineBreak/>
                            <Run>Create iteration</Run>
                            <LineBreak/>
                            <Run>Delete card</Run>
                            <LineBreak/>
                            <Run>Highlight / select</Run>
                            <LineBreak/>
                            <Run>Previous card</Run>
                            <LineBreak/>
                            <Run>Next card</Run>
                        </TextBlock>
                        <Label Grid.Column="1" Grid.ColumnSpan="4" Grid.Row="6" Margin="12,10,116,8" Name="label1" IsEnabled="False">The gesture should go through the whole card body, parallel to the screen edge (not the card edge)</Label>
                    </Grid>
                </Border>
                <Button Name="closeButton" Style="{DynamicResource GlassButton}" Margin="10" Grid.Row="1" Grid.Column="0" Width="180" Foreground="White" Height="40">Close</Button>
            </Grid>
        </ScrollViewer>
    </Border>
</UserControl>
